$(function() {
    // 点击去注册按钮
    $('#link_reg').on('click',function() {
        $('.login-box').hide()
        $('.reg-box').show()
    })
    // 点击去登录按钮
    $('#link_login').on('click',function() {
        $('.login-box').show()
        $('.reg-box').
        hide()
    })


    // form 的校验规则
    let {form,layer} = layui
    form.verify({
        // 定义一个 pwd 的校验规则
        pwd: [
            /^[\S]{6,12}$/,
            '密码必须6到12位，且不能出现空格'
        ],
        repwd:function(value) {
            let pwd = $('.reg-box [name=password]').val()
            // console.log(pwd);
            if(pwd !== value) {
                return '两次密码不一样'
            }
        }
    })

    // 注册事件
    $('#form_reg').on('submit',function(e) {
        e.preventDefault();
        $.ajax({
            type:'POST',
            url:'/api/reguser',
            data: {
                username:$('#form_reg [name=username]').val(),
                password:$('#form_reg [name=password]').val()
            },
            success(res) {
                if(res.status !== 0) return layer.msg(res.message);
                layer.msg('注册成功!');
                $('#link_login').click()
            }
        })
    })

    // 登录事件
    $('#form_login').on('submit',function(e) {
        e.preventDefault()
        $.ajax({
            type:'POST',
            url:'/api/login',
            data:$(this).serialize(),
            success(res) {
                if(res.status !== 0) return layer.msg(res.message || '登录失败')
                layer.msg('登录成功!')
                localStorage.setItem('token',res.token)
                location.href = '/index.html'
            }
            
        })
    })
})